// 个人中心
<template>
    <div id='profile-container'>
        <div class="profile-top-image">
            <img :src="user.topImg">
        </div>
        <div class="profile-content">
            <div v-if="mode == 'self'">
                <div style="width: 200px; margin-right: 5px" />
                <guide :guideList="guideList" />
            </div>
            <div style="flex: 1; position: relative;">
                <user-box class="user-box" :user="user" />
                <router-view class="profile-view" v-if="mode == 'self'" />
                <other-user-info class="profile-view" v-else :user="user" :roots="roots" />
            </div>
        </div>
    </div>
</template>

<script lang='ts'>
import { ProfileView } from "./Index";
export default ProfileView;
</script>

<style lang='scss' scoped>
@import './Index.scss';
</style>